<template>
  <div class="qhq-conter">
    <el-select
      v-model="value"
      class="selectNum"
      size="mini"
      placeholder="请选择"
      @change="handleSelect"
    >
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: [
        {
          label: "今日",
          value: 1,
        },
        {
          label: "月度",
          value: 2,
        },
        {
          label: "季度",
          value: 9,
        },
        {
          label: "年度",
          value: 3,
        },
      ],
      value: 9,
    };
  },
  created() {},
  methods: {
    handleSelect(value) {
      this.$emit("click", {
        injections: [
          { key: "checkTplId", value: "5ff438316211725c1717cbd2" },
          { key: "type", value: value },
        ],
      });
    },
  },
  mounted() {
    this.$emit("click", {
      injections: [
        { key: "checkTplId", value: "5ff438316211725c1717cbd2" },
        { key: "type", value: this.value },
      ],
    });
  },
};
</script>

<style>
.selectNum {
  float: left;
  width: 110px;
  border: 1px solid #00ffff;
}
.el-input__inner {
  background: transparent !important;
}
</style>